<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>东营市教育局</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/notice/lib/weui.min.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/jquery-weui.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/font-awesome.css?v=4.4.0}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/common.css}" rel="stylesheet"/>
    <style>
        body{
            background: url(/res/notice/img/bj2.jpg) 0 0 no-repeat;
            -webkit-background-size: 100vw 100vh;
            background-size: 100vw 100vh;
        }
    </style>
</head>
<body>
   <h2 class="tc white mtb30" style="letter-spacing: 2px">东营市 <span class="yellow2">教育管理</span> 平台</h2>

   <div class="swiper-container w90 radius16 bde7">
       <div class="swiper-wrapper">
           <div class="swiper-slide"><img th:src="@{/res/notice/img/banner4.jpg}"  class="w100 ht200 block"></div>
           <div class="swiper-slide"><img th:src="@{/res/notice/img/banner2.jpg}"  class="w100 ht200 block"></div>
           <div class="swiper-slide"><img th:src="@{/res/notice/img/banner3.jpg}"  class="w100 ht200 block"></div>
           <div class="swiper-slide"><img th:src="@{/res/notice/img/banner1.jpg}"  class="w100 ht200 block"></div>

       </div>
       <div class="swiper-pagination"></div>
   </div>

   <div class="plr30 pt30">
       <a th:href="@{/mobile/officeCenter?token=} + ${token}" class="weui-btn bgyellow2 blueColor bold"><i class="fa fa-paper-plane-o mr10"></i> 办公中心 →</a>
   </div>
   <div class="plr30 pt40">
       <a th:href="@{/mobile/resourceCenter?token=} + ${token}" class="weui-btn bgyellow2 blueColor bold"><i class="fa fa-paper-plane-o mr10"></i> 资源中心 →</a>
   </div>

   <script th:src="@{/res/notice/lib/jquery-2.1.4.js}"></script>
   <script th:src="@{/res/notice/js/jquery-weui.js}"></script>
   <script th:src="@{/res/notice/js/swiper.js}"></script>

   <script  th:inline="javascript">
       $(function () {
           let mySwiper = new Swiper('.swiper-container', {
               loop : true,
               autoplay: 3000,//可选选项，自动滑动
               pagination: '.swiper-pagination',// 分页器
           })
       });
   </script>
</body>
</html>
